import React from "react"
import RouterView from "../router/routerView"
import { NavLink } from "react-router-dom"
import { MyRouter } from "../utils/interface"
import './index.scss'
interface IProps {
    routes: MyRouter[]
}
const Index: React.FC<IProps> = (props) => {
    return <div className='index'>
        <div className='body'>
            <RouterView routes={props.routes}></RouterView>
        </div>
        <div className="router">
            <NavLink to='/index/home'>首页</NavLink>
            <NavLink to='/index/classify'>分类</NavLink>
            <NavLink to='/index/message'>消息</NavLink>
            <NavLink to='/index/my'>我的</NavLink>
        </div>
    </div>
}
export default Index